<!--
 * @Author: your name
 * @Date: 2021-07-06 16:26:05
 * @LastEditTime: 2021-07-07 18:06:52
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /thousandsilk/src/pages/home/Home.vue
-->
<template>
  <div class="home">
    <home-head class="head"></home-head>
    <home-centre class="centre"></home-centre>
    <home-bottom class="bottom"></home-bottom>
  </div>
</template>
<script>
import HomeHead from './HomeHead.vue'
import HomeCentre from './HomeCentre.vue'
import HomeBottom from './HomeBottom.vue'

export default {
  name: 'Home',
  components: {
    HomeHead,
    HomeCentre,
    HomeBottom
  }
}

</script>
<style scoped >
.home {
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: fff;
}
.head {
  width: 100%;
  height: 60%;
}
.centre {
  width: 100%;
  height: 60%;
}
.bottom {
}
</style>
